<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="../layui/jquery-3.2.1.min.js"></script>
    <script src="js/saleInfo.js"></script>
    <script src="../layui/layui.js"></script>
    <link href="../layui/css/layui.css" rel="stylesheet">
    <link href="css/saleInfo.css" rel="stylesheet">
</head>
<body>
    <div class="layui-container">
        <h1>销售出库</h1><hr>
        <div id="oneDiv" class="layui-row" >
            <table class="layui-table">
                <thead>
                <tr><th>商品名称</th><th>销售员</th><th>出库时间</th><th>订单总额</th><th>操作</th></tr>
                </thead>
                <tbody id="infoData"></tbody>
            </table>
            <div id="cutPageDiv"></div>
        </div>
        <div class="layui-col-md5">
            <fieldset>
                <legend>查询出库信息</legend>
                <form id="findForm">
                    <div>
                        客户名称 <input type="text" name="customerName">
                    </div>
                    <div>
                        起始日期 <input type="date" name="startDate">
                    </div>
                    <div>
                        结束日期 <input type="date" name="endDate">
                    </div>
                </form>

                <a class="layui-btn layui-btn-warm" href="javascript:findByItem(1)">查询</a>
            </fieldset>
        </div>
    </div>

    <!--出库详情弹出层-->
    <div id="infoDiv" class="layui-row" style="display: none">
        <h1>销售出库</h1><hr>
        <div id="twoDiv" class="layui-row" >
            <div class="layui-col-md6">
                客户名称 <span id="clientSpan"></span>
            </div>
            <div class="layui-col-md6">
                销售员  <span id="sallerSpan"></span>
            </div>
            <div class="layui-col-md6">
                销售日期 <span id="saleDateSpan"></span>
            </div>
            <div class="layui-col-md6">
                订单金额 <span id="amountSpan"></span>
            </div>
            <div class="layui-col-md6">
                送货地址 <span id="address"></span>
            </div>
        </div>
        <hr>
        <div>
            出库物品明细
            <table class="layui-table">
                <thead>
                <tr><th>商品名称</th><th>厂家</th><th>成交价</th><th>出库数量</th></tr>
                </thead>
                <tbody id="commodityData"></tbody>
            </table>
            <a class="layui-btn layui-btn-warm" href="javascript:layer.closeAll()">确定</a>
        </div>
    </div>
</body>
</html>